<script>
import {eventEmitter} from "../eventEmitter.js";
import Home from "../ContentChild/GameMain/Home.svelte";
export let callback = ()=>{};

</script>
<div class="button" on:click={()=>{callback()}}>
    <slot></slot>
</div>


<style lang="less">
  .button {
    background: #ffd700;
    color: #000000;
    box-sizing: border-box;
    border: none;
    padding: 5px 10px;
    font-size: 15px;
    border-radius: 5px;
    cursor: pointer;
    width: fit-content;
    transition: all 0.3s ease;

    &:hover {
      background: #FFED4A;
      transform: scale(1.03);
    }
  }
</style>